<template>
  <view class="privacy-page">
    <view class="content">
      <view class="section">
        <view class="title">隐私政策</view>
        <view class="update-time">更新时间：2024年1月1日</view>
      </view>
      
      <view class="section">
        <view class="subtitle">1. 信息收集</view>
        <view class="text">
          我们非常重视您的隐私保护。在使用本应用时，我们可能会收集以下信息：
        </view>
        <view class="text">
          • 浏览记录：用于提供浏览历史功能<br/>
          • 收藏数据：用于保存您的收藏内容<br/>
          • 设备信息：用于优化应用性能
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">2. 信息使用</view>
        <view class="text">
          我们仅将收集的信息用于：
        </view>
        <view class="text">
          • 提供和改进服务<br/>
          • 个性化用户体验<br/>
          • 统计分析（匿名化处理）
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">3. 信息存储</view>
        <view class="text">
          您的所有数据均存储在本地设备，我们不会将您的个人信息上传至服务器。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">4. 第三方服务</view>
        <view class="text">
          本应用可能集成了第三方广告服务，这些服务可能会收集设备标识符等信息。您可以在设置中管理相关权限。
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">5. 您的权利</view>
        <view class="text">
          您有权：
        </view>
        <view class="text">
          • 访问您的个人信息<br/>
          • 删除您的个人信息<br/>
          • 撤销您的同意
        </view>
      </view>
      
      <view class="section">
        <view class="subtitle">6. 联系我们</view>
        <view class="text">
          如果您对本隐私政策有任何疑问，请通过应用内反馈功能联系我们。
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
// 隐私政策页面
</script>

<style scoped>
.privacy-page {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: calc(50px + env(safe-area-inset-bottom));
}

.content {
  padding: 30rpx 20rpx;
}

.section {
  background-color: #fff;
  padding: 30rpx;
  margin-bottom: 20rpx;
  border-radius: 10rpx;
}

.title {
  font-size: 40rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 20rpx;
}

.update-time {
  font-size: 24rpx;
  color: #999;
}

.subtitle {
  font-size: 32rpx;
  font-weight: 600;
  color: #333;
  margin-bottom: 20rpx;
}

.text {
  font-size: 28rpx;
  color: #666;
  line-height: 1.8;
  margin-bottom: 15rpx;
}
</style>

